<template>
    <div class="son" style="border:3px solid #000;margin:10px">
      我是子Son组件
      <!-- ! 模板中直接使用 -->
      {{title}}
      {{ alt }}
      <button @click="fn">点击按钮</button>
      
    </div>
  </template>
  
  <script>
  export default {
    name: 'Son-Child',
    // ! 2.子组件内部通过props接收
    props:['title','alt'],
    methods:{
      fn(){
        this.$emit('fnChange','一起学前端')
      }
    }
  }
  </script>
  
  <style>
  
  </style>